<style>

#newslistblock{float:right;width:720px;}
#newsmain{float:left;width:706px;height:auto;padding-left:14px;margin-top:15px;}

.newsitem{background:url(/res/themes/Blue/li.gif) 5px 4px no-repeat;list-style:none;width:680px;overflow:hidden;height:31px;line-height:31px;padding-left:20px;}
.productCard a{}

#pagepanel{width:720px;text-align:center;margin-top:15px;font-size:14px;}

</style>

<div id="main">
    <div id="left">
        <div class="leftblock">
            <div class="blocktitle"><span>{$ProductCategoryText}</span></div><div class="blocktitleright"></div>
            <div class="blockmain">
                <div class="blockcontent">
                {loop $productCategoryList $v}
                <div class="productcategoryitem"><a href="productList.php?cid={$v['id']}">{$v['name']}</a></div>
                {/loop}
                </div>
            </div>
            <div class="blockbottom">
                <div class="blockbottomr"></div>
            </div>
        </div>
        <div class="leftblock">
            <div class="blocktitle"><span>{$AboutUsText}</span></div><div class="blocktitleright"></div>
            <div class="blockmain">
                <div class="blockcontent">
                {$aboutUsContent}
                </div>
            </div>
            <div class="blockbottom">
                <div class="blockbottomr"></div>
            </div>
        </div>
    </div>

    <div id="right">
    	<div id="location">
   	  <strong>{$CurrentPosition}</strong> -&gt; {$curPos}</div>
        
        <div id="newslistblock">
            <div id="newsmain">
                {loop $newsList $v}
                    <div class="newsitem">
                    <a href="productInfo.php?id={$v['id']}">{$v['title']}</a>
                    </div>
                {/loop}
            </div>
        </div>
        
        <div id="pagepanel">{$pagePanel}</div>
    </div>
    
    <div class="clear"></div>
</div>